$(function () {
    let $image = $('#image');
    $image.cropper({
        aspectRatio: 1 / 1,
        preview: '.preview',
        zoomable: false,
    })
    $('#fileBtn').on('click', function () {
        $('input[type=file]').click();
    })
    $('input[type=file]').on('change', function (e) {
        //获取上传的文件对象
        let file = e.target.files[0];

        //利用URL.createObjectURL()方法，生成一个本地地址
        let imageURL = URL.createObjectURL(file);
        $image.cropper('destroy').attr('src', imageURL).cropper({
            aspectRatio: 1 / 1,
            preview: '.preview',
            zoomable: false,
        })

    })

    $('#btnConfirm').on('click' , function(){
        let dataURL = $image.cropper('getCroppedCanvas' , {
            width:100,
            heiht:100
        }).toDataURL('image/png');
        $.ajax({
            method:'post',
            url:'/my/update/avatar',
            data:{
               avatar:dataURL
            },
            success(res){
                if(res.status === 0){
                    window.parent.init();
                    window.parent.location.href = '/index.html'
                }
            }
        })
    })
})